<template>
  <div>
    <template>
  <el-table
    :data="data"
    style="width: 100%"
    border
    :cell-style="{'text-align':'center'}"
    highlight-current-row
    :header-cell-style="{background:'#f5f5f5','text-align':'center'}"
  >
    <el-table-column
      v-for="(item,index) in fromConfig"
      :key="index"
      :prop="item.prop"
      :label="item.label"
      :width="item.width"
    >
    <template #default="{row}">
        <slot :name="item.prop" :row="row">{{ row.channelProtocol}}</slot>
      </template>
    </el-table-column>
    <template >
        <slot></slot>
      </template>
  </el-table>
</template>
  </div>
</template>

<script>
export default {
  name: 'MaintenanceIndex',
  props: {
    fromConfig: {
      type: Array,
      default: () => []
    },
    data: {
      type: Array,
      default: () => []
    }
  },
  data () {
    return {

    }
  },

  mounted () {

  },

  methods: {

  }
}
</script>

<style lang="scss" scoped>

</style>
